<!--
    Template de l'affichage de la page d'option d'un terminal
-->
<?php use_stylesheet('terminal.css') ?>
<?php use_stylesheet('options.css') ?>

<!-- retour au tu et reload de la page -->
<h2 id="tu<?= $tu->getId() ?>">
    <a href="<?= url_for('terminal/show?id='.$tu->getId()) ?>">
        <img
	    class="ptt"
	    src="<?= ICON_FLECHE_DROITE ?>"
	    alt="aller"
	    title="Retour à la fiche du TU"
	    />
    </a> <?= $tu->getName() ?>
</h2>
<h3>
    <a href="<?= url_for('options/index?id='.$tu->getId()) ?>">
        <img class="ptt" src="<?= ICON_RELOAD ?>" alt="reload" title="Recharger la page" />
    </a> Options 
</h3>

<!--
    pour toutes les catégories d'options
    affichage du thead du tableau avec nom categ
-->
<?php foreach ($tb_opt_categ as $categ): ?>
    <?php $tb_opt = $categ->getOptions($tu->getId()) ?>
<table style="margin:0px;">
    <thead>
        <tr>
            <th colspan="3" class="titreOption" name="<?= $categ->getId()?>">
                <span style="float:left;text-align:left;"><?= $categ->getName() ?></span>
            </th>
        </tr>
    </thead>

    <!--
	Boucle sur toutes les options de la catégorie et affichage
	Cf. terminal.js pour le javascript
    -->
    <tbody class="bodyOption" id="<?= $categ->getId()?>">
	    <?php foreach ($tb_opt as $i => $opt): ?>
	<tr class="<?= $i%2 == 0 ? "pair":"impair" ?>">
	    <td style="max-height:13px;"><span style="float:left;text-align:left;"><?= $opt->getName() ?></span>
		<span style="float:right;text-align:right"><?= $opt->getValue() ?></span>
	    </td>
	    <!-- Icone pour changer la valeur -->
	    
	    <td style="width:20px;height:13px;">
		
		<input type="hidden" name="<?= $opt->getId() ?>" value="<?= $opt->getValue() ?>" />
		<img
		    class="change_opt ptt cliquable"
		    src="<?= ! is_null($opt->getValueAsked()) ? ICON_DOWNLOAD : ICON_CRAYON ?>"
		    alt="changer valeur"
		    style="margin:0px;"
		    title="<?= $opt->getValueAsked() ?>"
		    />
		
	    </td>
	    <!-- Icone pour supprimer l'option -->
	    <td style="width:20px;height:13px;">
		<input type="hidden" name="<?= $opt->getId() ?>" value="<?= $opt->getValue() ?>" />
		<img
		    class="suppr_opt ptt cliquable"
		    src="<?= $opt->getDeleteAsked() ? ICON_DELETE_ROUGE : ICON_DELETE ?>"
		    alt="supprimer"
		    style="margin:0px;"
		    />
	    </td>
	    

	</tr>
	    <?php endforeach; ?>
    </tbody>
</table>
<?php endforeach; ?>